<template>
  <div class="amap-content">
    <el-amap class="vueAmap" vid="amapEdit" :zoom="zoom"> </el-amap>
  </div>
</template>
<script>
  import { AMapManager, lazyAMapApiLoaderInstance } from "vue-amap"
  export default {
    name: "Amap",
    data() {
      return {
        map: null,
        zoom: 15,
      }
    },
    mounted() {
      lazyAMapApiLoaderInstance.load().then(() => {
        this.map = new AMap.Map("amapEdit", {
          center: [113.53823, 22.242897], //初始化地图中心点
          zoom: this.zoom, //初始化地图层级
        })
      })
    },
  }
</script>
<style lang="scss">
  .amap-content {
    height: 100vh;
  }
</style>
